<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ include file="taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <t:header title="Register New User"/>
    </head>
    <body>
        <div id="header">
            <div id="titleSection">
                <t:pageheader title="Register New User"/>
            </div>
        </div>
        <div id="contentWrap">
            <div id="contentPanel">
                <div id="pageContent">
                    <div class="sectionTitle">Register New User</div>

                    <s:form action="/Register.action">

                        <p>Please enter you Registration information.</p>
                        <table class="leftRightForm">
                            <tr>
                                <th><s:label name="user.firstName">First Name:</s:label></th><td><s:text name="user.firstName" /></td><td><s:errors field="user.firstName"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.lastName">Last Name:</s:label></th><td><s:text name="user.lastName" /></td><td><s:errors field="user.lastName"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.email">Email:</s:label></th><td><s:text name="user.email" /></td><td><s:errors field="user.email"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="repeatEmail">Verify Email:</s:label></th><td><s:text name="repeatEmail" /></td><td><s:errors field="repeatEmail"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.password">Password:</s:label></th><td><s:text name="user.password" /></td><td><s:errors field="user.password"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="repeatPassword">Verify Password:</s:label></th><td><s:text name="repeatPassword" /></td><td><s:errors field="repeatPassword"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.phoneNumber">Phone Number:</s:label></th><td><s:text name="user.phoneNumber" /></td><td><s:errors field="user.phoneNumber"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.childName1">First Child's Name:</s:label></th><td><s:text name="user.childName1" /></td><td><s:errors field="user.childName1"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.childTeacherId1">First Child's Teacher:</s:label></th>
                                <td>
                                    <s:select name="user.childTeacherId1">
                                        <s:options-collection collection="${actionBean.teachers}" value="id" label="fullName"/>
                                    </s:select>
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.childname2">Second Child's Name:</s:label></th><td><s:text name="user.childName2" /></td><td><s:errors field="user.childname2"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.childTeacherId2">Second Child's Teacher:</s:label></th>
                                <td>
                                    <s:select name="user.childTeacherId2">
                                        <s:options-collection collection="${actionBean.teachers}" value="id" label="fullName"/>
                                    </s:select>
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.childname3">Third Child's Name:</s:label></th><td><s:text name="user.childName3" /></td><td><s:errors field="user.childname3"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.childTeacherId1">Third Child's Teacher:</s:label></th>
                                <td>
                                    <s:select name="user.childTeacherId1">
                                        <s:options-collection collection="${actionBean.teachers}" value="id" label="fullName"/>
                                    </s:select>
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.childName4">Fourth Child's Name:</s:label></th><td><s:text name="user.childName4" /></td><td><s:errors field="user.childName4"/></td>
                            </tr>
                            <tr>
                                <th><s:label name="user.childTeacherId4">Fourth Child's Teacher:</s:label></th>
                                <td>
                                    <s:select name="user.childTeacherId4">
                                        <s:options-collection collection="${actionBean.teachers}" value="id" label="fullName"/>
                                    </s:select>
                                </td>
                                <td></td>
                            </tr>
                        </table>
                        <div class="buttons">
                            <s:submit value="Register" name="register"/>
                        </div>
                    </s:form>
                </div>
            </div>
        </div>
    </body>
</html>
